<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="author" content="order by dede58.com"/>
    <title>小米商城</title>
    <link rel="stylesheet" type="text/css" href="/css/style.css">
    <link rel="stylesheet" type="text/css" href="/css/mdialog.css">
</head>
<script type="text/javascript" src="/js/zepto.min.js"></script>
<script type="text/javascript" src="/js/mdialog.js"></script>
<script src="/js/jquery-3.2.1.min.js"></script>
<script>
    $(document).ready(function () {
        var name="${sessionname!"null"}";
        var id="${sessionuserid!"null"}";
        if (name!="null"&&id!="null"){
          $("#denglu").html("<a href='login.ftl' id='username' target='_blank'>欢迎您！"+name+"</a>");
          $("#zhuce").html("<a href='User/self_info?id="+id+"' id='userid' target='_blank'>个人中心</a>");
        }
    })
    function doCollect(){
        new TipBox({type:'error',str:'对不起,该模块暂不支持使用!',hasBtn:true});
    }
    function doCollects(){
        new TipBox({type:'tip',str:'该商品暂未上架!',clickDomCancel:true,setTime:10000500,hasBtn:true});
    }
</script>
<body>
<!-- start header -->
<header>
    <div class="top center">
        <div class="left fl">
            <ul>
                <li><a href="/findAll">小米商城</a></li>
                <li>|</li>
                <li><a href="">MIUI</a></li>
                <li>|</li>
                <li><a href="">米聊</a></li>
                <li>|</li>
                <li><a href="">游戏</a></li>
                <li>|</li>
                <li><a href="">多看阅读</a></li>
                <li>|</li>
                <li><a href="">云服务</a></li>
                <li>|</li>
                <li><a href="">金融</a></li>
                <li>|</li>
                <li><a href="">小米商城移动版</a></li>
                <li>|</li>
                <li><a href="">问题反馈</a></li>
                <li>|</li>
                <li><a href="">Select Region</a></li>
                <div class="clear"></div>
            </ul>
        </div>
        <div class="right fr">
            <div class="gouwuche fr"><a href="Cart/findAll?id=${sessionuserid!"0"}">购物车</a></div>
            <div class="fr">
                <ul>

                    <li id="denglu">

                            <a href="login.ftl" target="_blank">登录</a>

                    </li >
                    <li>|</li>

                    <li id="zhuce">

                            <a href="register.ftl" target="_blank">注册</a>


                    </li>

                    <li>|</li>
                    <li><a href="">消息通知</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
</header>
<!--end header -->

<!-- start banner_x -->
<div class="banner_x center">
    <a href="index.ftl" target="_blank">
        <div class="logo fl"></div>
    </a>
    <a href="">
        <div class="ad_top fl"></div>
    </a>
    <div class="nav fl">
        <ul>
            <li><a href="liebiao.ftl?typeid=1&name=小米手机">小米手机</a></li>
            <li><a href="liebiao.ftl?typeid=13&name=红米手机">红米</a></li>
            <li><a href="liebiao.ftl?typeid=3&name=平板·笔记本">平板·笔记本</a></li>
            <li><a href="liebiao.ftl?typeid=2&name=电视·盒子">电视·盒子</a></li>
            <li><a href="liebiao.ftl?typeid=12&name=配件">配件</a></li>
            <li><a onclick="doCollect()">智能硬件</a></li>
            <li><a onclick="doCollect()">服务</a></li>
            <li><a onclick="doCollect()">社区</a></li>
        </ul>
    </div>
    <div class="search fr">
        <form action="" method="post">
            <div class="text fl">
                <input type="text" class="shuru" placeholder="小米6&nbsp;小米MIX现货">
            </div>
            <div class="submit fl">
                <input type="submit" class="sousuo" value="搜索"/>
            </div>
            <div class="clear"></div>
        </form>
        <div class="clear"></div>
    </div>
</div>
<!-- end banner_x -->

<!-- start banner_y -->
<div class="banner_y center">
    <div class="nav">
        <ul>
					<#list typesList as typeslist>
                     <#if typeslist_index<10>
                        <li>

                            <a href="">${typeslist.typename}</a>

                            <div class="pop">
                                <div class="left fl">
							<#list detailsList as detailslist>

							<#if typeslist.typeid == detailslist.typeid>
                                <div>
                                    <div class="xuangou_left fl">
                                        <a href="">
                                            <div class="img fl">
                                            <#list imageList as imagelist>
                                                <#if imagelist.detailsid==detailslist.goodsID&&imagelist.type=="xiaotu">
                                                <img src="./image/xiaotu/${imagelist.image}" alt="">
                                                </#if>
                                            </#list>
                                            </div>
                                            <span class="fl">${detailslist.product_Name}</span>
                                            <div class="clear"></div>
                                        </a>
                                    </div>
                                    <div class="xuangou_right fr"><a href="/Details/xiangqing?id=${detailslist.goodsID}" target="_blank">选购</a></div>
                                    <div class="clear"></div>
                                </div>
                            </#if>

						<#--	<#if detailslist_index%4==0&&detailslist_index!=0>

                            </#if>-->

                            </#list>
                               <#-- </div>-->
                            </div>
                            </div>
                        </li>
                     </#if>
                    </#list>
        </ul>
    </div>

</div>

<div class="sub_banner center">
    <div class="sidebar fl">
        <div class="fl"><a onclick="doCollect()"><img src="/image/hjh_01.gif"></a></div>
        <div class="fl"><a onclick="doCollect()"><img src="/image/hjh_02.gif"></a></div>
        <div class="fl"><a onclick="doCollect()"><img src="/image/hjh_03.gif"></a></div>
        <div class="fl"><a onclick="doCollect()"><img src="/image/hjh_04.gif"></a></div>
        <div class="fl"><a onclick="doCollect()"><img src="/image/hjh_05.gif"></a></div>
        <div class="fl"><a onclick="doCollect()"><img src="/image/hjh_06.gif"></a></div>
        <div class="clear"></div>
    </div>
    <div class="datu fl"><a onclick="doCollects()"><img src="/image/xmad_1550022313197_PMtDb.jpg" alt=""></a></div>
    <div class="datu fl"><a onclick="doCollects()"><img src="/image/xmad_15410029988871_TdzPQ.jpg" alt=""></a></div>
    <div class="datu fr"><a href="/Details/xiangqing?id=6"><img src="/image/xmad_15500580021576_iymFx.jpg" alt=""></a></div>
    <div class="clear"></div>
</div>
<!-- end banner -->
<div class="tlinks">Collect from <a href="http://www.cssmoban.com/">企业网站模板</a></div>

<!-- start danpin -->
<div class="danpin center">
    <div class="biaoti center">小米明星单品</div>
    <div class="main center">
        <#list detailsList as detailslist>
        <#if detailslist.typeid==11>
        <div class="mingxing fl">
             <#list imageList as imagelist>
                 <#if imagelist.detailsid==detailslist.goodsID&&imagelist.type=="shouye">
                     <div class="sub_mingxing"><a href="/Details/xiangqing?id=${detailslist.goodsID}"><img src="/image/shouye/${imagelist.image}" alt=""></a></div>
                 </#if>
             </#list>

            <div class="pinpai"><a href="/Details/xiangqing?id=${detailslist.goodsID}">${detailslist.product_Name}</a></div>
            <div class="youhui">${detailslist.descriptio}</div>
            <div class="jiage">${detailslist.product_price}元起</div>
        </div>
        </#if>
        </#list>
        <div class="clear"></div>
    </div>
</div>
<div class="peijian w">

    <div class="biaoti center">配件</div>
    <div class="main center">
        <div class="content">
            <div class="remen fl"><a href=""><img src="/image/peijian1.jpg"></a>
            </div>
            <#assign sum = 0>
            <#list detailsList as detailslist>
            <#if detailslist.typeid==12>
            <div class="remen fl">
                <div class="xinpin"><span>新品</span></div>
                 <#list imageList as imagelist>
                     <#if imagelist.detailsid==detailslist.goodsID&&imagelist.type=="shouye">
                    <div class="tu"><a href="/Details/xiangqing?id=${detailslist.goodsID}"><img src="/image/shouye/${imagelist.image}"></a></div>
                     </#if>
                 </#list>
                <div class="miaoshu"><a href="">${detailslist.product_Name}</a></div>
                <div class="jiage">${detailslist.product_price}元</div>
                <div class="pingjia">${detailslist.inventory}人评价</div>
                <div class="piao">
                    <a href="/Details/xiangqing?id=${detailslist.goodsID}">
                        <span>${detailslist.descriptio}</span>
                    </a>
                </div>
            </div>
            <#assign sum = sum+1>
            </#if>
            <#if sum==4>
            <div class="clear"></div>
            </div>
            <div class="content">
            <div class="remen fl"><a href=""><img src="/image/peijian6.png"></a>
            </div>
            </#if>
                <#if sum==7>
                    <#break>
                </#if>
            </#list>
            <div class="remenlast fr">
                <div class="hongmi"><a href=""><img src="/image/hongmin4.png" alt=""></a></div>
                <div class="liulangengduo"><a href=""><img src="/image/liulangengduo.png" alt=""></a></div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>
<footer class="mt20 center">
    <div class="mt20">小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</div>
    <div>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div>
    <div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</div>
</footer>
</body>

</html>